<template>
  <div>
    {{name}}--{{gender}}
    <router-link to="/about/age">boxiong</router-link>
    <router-link to="/about/shibin">shibin</router-link>
    <router-link to="/about/binshi">binshi</router-link>
    <hr />
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  props: ["name","gender"],
  mounted() {
    console.log(this.$route);
  }
};
</script>

<style scoped>
</style>